<template>
	<div class="my_l">
		<MyWalletHeaderView></MyWalletHeaderView>
		<div class="padding_top45">
			<div class="my_wallet_header background_main text_align_ct">
				<p class="colorfff line_height2 margin_top10 font_size16">奖励余额（元）</p>
				<strong class="colorfff font_size28 line_height2">{{uInfs.Balance}}</strong>
				<!--<p class="colorfff">结算中金额：0.00</p>-->
			</div>
		</div>
		<div class="border_bot_dcdcdc overflow_hidden pad10 background_fff">
			<router-link to="/wx/remainingSumDetail">
				<div class="fl">
					<img class="vertical_align_mid" src="../assets/images/yuemingxi_icon.png" />
					<span>余额明细</span>
				</div>
			</router-link>
			<!--<router-link to="/rewardDetail">
				<div class="fr">
					<img class="vertical_align_mid" src="../assets/images/jianglimingxi_icon.png" />
					<span>奖励明细</span>
				</div>
			</router-link>-->
		</div>
		<!--<div class="background_fff" style="padding: 10px; padding-bottom: 20px;">
			<h4>本期奖励（元）</h4>
			<div class="overflow_hidden text_align_ct padding-top10">
				<div class="fl width33">
					<p class="color_main_red font_size18">0.00</p>
				</div>
			</div>
		</div>-->
		<!--<div class="background_fff" style="padding: 10px; padding-bottom: 20px;">
			<h4>累计奖励（元）</h4>
			<div class="overflow_hidden text_align_ct padding-top10">
				<div class="fl width33">
					<p>0.00</p>
					<p>一级分销</p>
				</div>
				<div class="fl width33">
					<p>0.00</p>
					<p>一级分销</p>
				</div>
				<div class="fl width33">
					<p>0.00</p>
					<p>一级分销</p>
				</div>
			</div>
		</div>-->

	</div>
</template>
<script>
	import { Toast } from 'mint-ui';
	import MyWalletHeaderView from './MyWalletHeader.vue';
	export default {
		components: {
			MyWalletHeaderView,
		},
		data() {
			return {
				uInfs: {},
				MemberAccountsList: [],
			}
		},
		mounted() {
			let _this = this
			_this.GetPersonalInfo()
			_this.GetAccountLog()
		},
		methods: {
			GetPersonalInfo() {
				let _this = this;
				_this.$http.get('/client/Members', null, localStorage.Authorization, res => {
					if(res.code === 200) {
						console.log('我的账户res', res)
						_this.uInfs = res.data.list[0];
					} else if(res.code === 101) {
						localStorage.fromPath = _this.$route.fullPath
						_this.$router.push({
							path: '/wx/login'
						})
					}
				})
			},
			GetAccountLog() {
				let _this = this;
				_this.$http.get('/client/MemberAccounts', null, localStorage.Authorization, res => {
					if(res.code === 200) {
						console.log('我的账户记录res', res)
						_this.MemberAccountsList = res.data.list
					} else if(res.code === 101) {
						localStorage.fromPath = _this.$route.fullPath
						_this.$router.push({
							path: '/wx/login'
						})
					}
				})
			},
		}
	}
</script>
<style>
	.mine_h {
		/*height: 45px;*/
	}
	
	.background_333 {
		background: #333333;
	}
	
	.my_wallet_header {
		padding: 15px 10px;
		background: url(../assets/images/accoutbg.png) no-repeat center center;
		background-size: 100% 100%;
		height: 200px;
	}
</style>